
@if mgwt.css pretty {
	@external mgwt-DialogAnimationContainer-Shadow, mgwt-DialogAnimationContainer, mgwt-DialogAnimationContainer-center;
	@external mgwt-DialogPanel, mgwt-Dialog, container, title, content, footer, okbutton, cancelbutton, active, mgwt-BottomPanel, shadow, z_index;
}



.z_index{
	z-index: 100;
}

.mgwt-DialogAnimationContainer-Shadow {
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.4);
}


@if user.agent safari {
	.mgwt-DialogAnimationContainer {
		display: -webkit-box;
		width: 100%;
		height: 100%;
		overflow: hidden;
    
	}
	
	.mgwt-DialogAnimationContainer-center {
		\-webkit-box-orient: horizontal;
	    \-webkit-box-pack: center;
	    \-webkit-box-align: center;
	}
}

@if user.agent gecko1_8 {
	.mgwt-DialogAnimationContainer {
		
    
	}
	
	.mgwt-DialogAnimationContainer-center {
		\-moz-box-orient: horizontal;
	    \-moz-box-pack: center;
	    \-moz-box-align: center;
	    display: -moz-box;
	    width: 100%;
	    height: 100%;
	}
}



@if mgwt.os desktop ipad iphone retina {
	.mgwt-DialogPanel {
		border: solid 1px #72767b;
		padding: 0px;
		opacity: 1;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel {
			\-webkit-border-radius: 10px;
			\-webkit-box-shadow: 0px 4px 6px #666666, 0 0 50px rgba(255, 255, 255, 1);
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(rgba(0, 15, 70, 0.5) ), to(rgba(0, 0, 70, 0.5) ) )');
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel {
			border-radius: 10px;
			\-moz-box-shadow: 0px 4px 6px #666666, 0 0 50px rgba(255, 255, 255, 1);
			background-image: literal('-moz-linear-gradient(top, rgba(0, 15, 70, 0.5), rgba(0, 0, 70, 0.5))');
		}
	}

	.mgwt-DialogPanel .container {
		color: #ffffff;
		text-shadow: 0px -1px 1px #000000;
		border: solid 2px #e6e6ee;
		
		padding: 5px;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .container {
			\-webkit-border-radius: 10px;
			background-image: literal('-webkit-gradient(radial, 50% -1180, 150, 50% -280, 1400, color-stop(0, rgba(140, 150, 170, 1) ), color-stop(0.48, rgba(140, 150, 170, 1) ), color-stop(0.499, rgba(75, 90, 120, .9) ), color-stop(0.5, rgba(75, 90, 120, 0) ) )');
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel .container {
			
			\-moz-border-radius: 10px;
			padding: 5px;
			/*TODO background */
		}
	}
	
	
	
	.mgwt-DialogPanel .title {
		\-webkit-border-top-right-radius: 10px;
		\-webkit-border-top-left-radius: 10px;
		color: #ffffff;
		background: none;
		border: none;
		text-shadow: 0px -2px 1px #000000;
		width: 100%;
		text-align: center;
		font-size: 19px;
		margin-bottom: 20px;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .title {
			\-webkit-border-top-right-radius: 10px;
			\-webkit-border-top-left-radius: 10px;
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel .title {
			\-moz-border-radius-topright: 10px;
			\-moz-border-radius-topleft: 10px;
		}
	}
	
	.mgwt-DialogPanel .content {
		margin: 10px;
	}
	
	.mgwt-DialogPanel .footer {
		margin-top: 10px;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .footer {
			\-webkit-box-pack: justify;
			display: -webkit-box;
			\-webkit-box-orient: horizontal;
			\-webkit-box-sizing: border-box;
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel .footer {
			\-moz-box-pack: justify;
			display: -moz-box;
			\-moz-box-orient: horizontal;
			\-moz-box-sizing: border-box;
			width: 100%;
		}
	}
	
	
	.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
		display: block;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		margin-top: 10px;
		margin-right: 5px;
		padding-right: 5px;
		padding-left: 5px;
		min-width: 40px;
		height: 32px;
		line-height: 32px;
		text-shadow: 0px -2px 1px #000000;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
			\-webkit-box-flex: 2;
			\-webkit-border-radius: 8px;
		}
		
		.mgwt-DialogPanel .okbutton {
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#b0b5c5),color-stop(0.5, #7a839b), color-stop(0.5, #515d7c), to(#636e8a) )');
		}
		
		.mgwt-DialogPanel .cancelbutton {
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#828ba3), color-stop(0.5, #4c5a7c), color-stop(0.5, #27375f), to(#2e3d64) )');
		}
		
		.mgwt-DialogPanel .cancelbutton.active, .mgwt-DialogPanel .okbutton.active {
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#70747f), color-stop(0.5, #424857), color-stop(0.5, #171e30), to(#222839) )');
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
			\-moz-box-flex: 2;
			\-moz-border-radius: 8px;
		}
		
		.mgwt-DialogPanel .okbutton {
			background-image: literal('-moz-linear-gradient(top, #b0b5c5,#7a839b 50%, #515d7c 51%, #636e8a)');
		}
		
		.mgwt-DialogPanel .cancelbutton {
			background-image: literal('-moz-linear-gradient(top, #828ba3, #4c5a7c 50%, #27375f 51%, #2e3d64 )');
		}
		
		.mgwt-DialogPanel .cancelbutton.active, .mgwt-DialogPanel .okbutton.active {
			background-image: literal('-moz-linear-gradient(top, #70747f, #424857 50%, #171e30 51%, #222839)');
		}
	}
	
	
	
}


@if mgwt.os android android_tablet {
	.mgwt-DialogPanel {
		border: solid 5px rgba(49, 69, 107, 0.7);
		padding: 0px;
		opacity: 1;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel {
			\-webkit-box-shadow: 0px 0px 10px rgba(49, 69, 107, 0.7);
			\-webkit-border-radius: 4px;
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(rgba(0, 15, 70, 0.5) ), to(rgba(0, 0, 70, 0.5) ) )');
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel {
			\-moz-box-shadow: 0px 0px 10px rgba(49, 69, 107, 0.7);
			\-moz-border-radius: 4px;
			background-image: literal('-moz-linear-gradient(top, rgba(0, 15, 70, 0.5), rgba(0, 0, 70, 0.5))');
		}
	}
	
	
	
	
	
	.mgwt-DialogPanel .container {
		color: #ffffff;
		text-shadow: 0px -1px 1px #000000;
		border: solid 2px rgb(49, 69, 107);
		padding: 5px;
		background: black;
	}
	
	.mgwt-DialogPanel .title {
		color: #ffffff;
		border: none;
		font-size: 19px;
		margin-bottom: 20px;
		
		border-bottom: 2px solid rgb(82, 163, 196);
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
	.mgwt-DialogPanel .content {
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
	.mgwt-DialogPanel .footer {
		margin-top: 10px;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .footer {
			\-webkit-box-pack: justify;
			display: -webkit-box;
			\-webkit-box-orient: horizontal;
			\-webkit-box-sizing: border-box;
		}
	}
	
	@if user.agent gecko1_8 {
		.mgwt-DialogPanel .footer {
			\-moz-box-pack: justify;
			display: -moz-box;
			\-moz-box-orient: horizontal;
			\-moz-box-sizing: border-box;
			width: 100%;
		}
	}
	
	.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
		display: block;
		font-size: 17px;
		text-align: center;
		\-webkit-box-flex: 2;
		margin-top: 10px;
		margin-right: 2px;
		min-width: 40px;
		height: 32px;
		line-height: 32px;
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
			\-webkit-box-flex: 2;
		}
	}
	
	@if user.agent safari {
		.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
			\-moz-box-flex: 2;
		}
	}
	
	.mgwt-DialogPanel .okbutton {
		
	}
	
	.mgwt-DialogPanel .cancelbutton {
		
	}
	
	.mgwt-DialogPanel .cancelbutton.active, .mgwt-DialogPanel .okbutton.active {
		background-color: rgba(49, 69, 107, 0.7);
	}
}

/*TODO */
@if mgwt.os blackberry {
	.mgwt-DialogPanel {
	
		border: solid 5px rgba(49, 69, 107, 0.7);
		
		\-webkit-box-shadow: 0px 0px 10px rgba(49, 69, 107, 0.7);
		padding: 0px;
		opacity: 1;
		\-webkit-border-radius: 4px;
		
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(rgba(0, 15, 70, 0.5) ), to(rgba(0, 0, 70, 0.5) ) )');
	}
	
	
	
	
	
	.mgwt-DialogPanel .container {
		color: #ffffff;
		text-shadow: 0px -1px 1px #000000;
		border: solid 2px rgb(49, 69, 107);
		padding: 5px;
		
		background: black;
	
	}
	
	.mgwt-DialogPanel .title {
		
		color: #ffffff;
		
		border: none;
		
		
		
		font-size: 19px;
		margin-bottom: 20px;
		
		border-bottom: 2px solid rgb(82, 163, 196);
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
	.mgwt-DialogPanel .content {
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
	.mgwt-DialogPanel .footer {
		\-webkit-box-pack: justify;
		margin-top: 10px;
		display: -webkit-box;
		\-webkit-box-orient: horizontal;
		\-webkit-box-sizing: border-box;
		
		
	}
	
	.mgwt-DialogPanel .okbutton, .mgwt-DialogPanel .cancelbutton {
		display: block;
		font-size: 17px;
		
		text-align: center;
		\-webkit-box-flex: 2;
		margin-top: 10px;
		margin-right: 2px;
		
		
		min-width: 40px;
		height: 32px;
		line-height: 32px;
		
		
	}
	
	.mgwt-DialogPanel .okbutton {
		
	}
	
	.mgwt-DialogPanel .cancelbutton {
		
	}
	
	.mgwt-DialogPanel .cancelbutton.active, .mgwt-DialogPanel .okbutton.active {
		background-color: rgba(49, 69, 107, 0.7);
	}
}




.mgwt-BottomPanel {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.9);
	background-image: literal('-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 74, 103, 0.9)), color-stop(0.02, rgba(20, 25, 35, 0.9) ), to(rgba(0, 0, 0, 0.0) ) )');
	border-top: 1px solid #030506;
	padding: 10px;
}




/* other browsers */

@if user.agent ie6 ie8 ie9 gecko opera {
	.mgwt-DialogAnimationContainer {
		
    
	}
	
	.mgwt-DialogAnimationContainer-center {
		
	}
	.active{}
}

